 <!DOCTYPE html>
<html>
  <head>
    <title>详情页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel='stylesheet' href='/stylesheets/detailstyle.css' />
    
    <link rel="stylesheet" type="text/css" href="/lib/bootstarp/dist/css/bootstrap.min.css">

    
    <script src="/lib/jQuery/jquery-1.12.4.js"></script>
    <script  src="javascripts/xheditor/xheditor-1.2.2.min.js"></script>
    <script  src="javascripts/xheditor/xheditor_lang/zh-cn.js"></script>
   
  </head>
  <body>
  <div class="well">
     
  <p onclick="location.href='/'">退出</p>
          
  </div>
  
  <!-- show -->
    <div class="show container-fluid">
      <div class="above  clear">
          <div class="left col-md-3 col-md-offset-1">
            <img src="/images/show1.jpg">
          </div>
          <div class="center col-md-3 col-md-offset-1">
            <h3>萤火之森</h3>
            <p>导演：大森贵宏</p>
            <p>主演：仓左绫因、内山昂辉</p>
            <p>类型：剧情/爱情/动画</p>
            <p>制片国家/地区：日本</p>
            <p>语言：日语</p>
            <p>上映日期：2011年-09-17（日本）</p>
            <p>片长：45分钟</p>
          </div>
          <div class="right col-md-3 ">
            <img src="/images/show2.jpg">
          </div>
        </div>
        <div class="below col-md-10 col-md-offset-1">
          <p>
            某年夏天，6岁小女孩竹川萤来到爷爷家度假，她闯进了传说住满妖怪的山神森林。正当她因为迷路而焦急万分的时候，一个戴着狐狸面具的大男孩出现在她面前，并引领着萤找到回家的路。虽然萤分外感激，可是男孩却禁止她碰触自己的身体，原来这名叫银的男孩并非人类，他一旦被人类碰触就会烟消云散。在此后的日子里，萤和银成为好朋友，他们走遍了森林的每一个角落玩耍。日复一日，年复一年，每到夏天的时候萤就会如约来到森林和好朋友见面。她遵守着和银的约定，无论如何也不碰触银的身体。随着年龄的增长，萤和银对彼此的情感都悄悄发生了变化，他们共同期待相聚的日子，共同期待拥抱对方……
          </p>
          <p>
            本片根据绿川幸的原作改编。
          </p>
        </div>
    </div>
    <div class="next container-fluid">

       <div class="comment col-md-7 col-md-offset-1">
        <div class="write">
          <h3><span class="glyphicon glyphicon-pencil"></span> 写影评</h3>
        </div>
        <form action="/detail" method="post" id="frmDemo" >
          <label class="form-group one">
            <span>标题：</span>
            <input type="text" name="title" />
          </label>
          <label class="two">
            <span> 内容：</span>
            <textarea cols="70" rows="12" name="content" id="content" class="xheditor"></textarea>
          </label>
          <label class="three">
            <input type="submit" name="submit" value="提交" class=" btn btn-success" />
          </label> 
        </form>

          <div class="list">
           <ul>
            <% comments.forEach(function(item,index){ %>
             <li class="clear">
                 <div class="left col-md-2 col-md-offset-1">
                   <img src="/images/list.jpg">
                 </div>
                 <div class="right col-md-8">
                   <p><%= item.username%></p>
                   <p><%= item.time%></p>
                 </div>
                 <div class="text col-md-10 col-md-offset-1">
                    <%- item.comment%>
                 </div>
             </li>
             <% })%>
             <li>
                <a href="./detail?pageNo=1">首页</a>
              <a href="./detail?pageNo=<%= pageNo > 1 ? parseInt(pageNo)-1 :1 %>">上一页</a>
              <a href="./detail?pageNo=<%= pageNo < totalPages ? parseInt(pageNo) + 1: totalPages %>">下一页</a>
              <a href="./detail?pageNo=<%= totalPages%>">尾页</a>
              <%= pageNo %> / <%= totalPages %> 共 <%= count %>条记录
             </li>
           </ul>
        </div>


        
      </div>
      <div class="pic col-md-3 ">
        <img src="/images/pic1.jpg">
        <img src="/images/pic2.jpg">
        <img src="/images/pic3.jpg">
      </div>
    </div> 

    <div>hellow world</div>
  </body>
</html>
